<template>
  <!-- 菜单管理 -->
  <div class="menu-manage-box">
    <CardItems
      :card-config="cardConfig"
      :pop-config="popConfig"
      :select-config="selectConfig"
      :header-config="headerConfig"
    />
  </div>
</template>

<script>
import CardItems from '@/components/CardItems'
import cardConfig from './config/cardConfig'
import popConfig from './config/popConfig'
import selectConfig from './config/selectConfig'
import headerConfig from './config/tableConfig'

export default {
  name: 'MenuManage',
  components: {
    CardItems
  },
  data() {
    return {}
  },
  computed: {
    /**
     * 卡片配置
     */
    cardConfig() {
      return cardConfig['menu-manage'] || {}
    },
    /**
     * 弹窗配置
     */
    popConfig() {
      return popConfig['menu-manage'] || {}
    },
    /**
     * 筛选配置
     */
    selectConfig() {
      return selectConfig['menu-manage'] || []
    },
    /**
     * 表头配置
     */
    headerConfig() {
      return headerConfig['menu-manage'] || []
    }
  }
}
</script>

<style lang="scss" scoped>
.menu-manage-box {
  width: 100%;
  height: 100%;
}
</style>
